<script lang="ts">
  const fill: string = 'var(--caption-color)'
</script>

<svg {fill} viewBox="0 0 6 16" xmlns="http://www.w3.org/2000/svg">
  <circle cx="1" cy="1" r="1" />
  <circle cx="4.5" cy="1" r="1" />
  <circle cx="1" cy="4.5" r="1" />
  <circle cx="4.5" cy="4.5" r="1" />
  <circle cx="1" cy="8" r="1" />
  <circle cx="4.5" cy="8" r="1" />
  <circle cx="1" cy="11.5" r="1" />
  <circle cx="4.5" cy="11.5" r="1" />
  <circle cx="1" cy="15" r="1" />
  <circle cx="4.5" cy="15" r="1" />
</svg>
